<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Chrome Debugging</title>
    <style>
    body{
        font-size: 30px;
        cursor: pointer;
    }
    </style>
</head>

<body>
    <div>
       <div>
        <input type="text" id="ipt1">
       </div>
       <div> <input type="text" id="ipt2"></div>
      <div>
        <button onclick="btnClick()">+</button><span id="sum"></span>
      </div>
       <ul id="uls">
           <li>ss1</li>
           <li>ss2</li>
           <li>ss3</li>
           <li>ss4</li>
           <li>ss5</li>
           <li>ss6</li>
           <li>ss7</li>
           <li>ss8</li>
           <li>ss9</li>
           <li>ss10</li>
           <li>ss11</li>
           <li>ss12</li>
           <li>ss13</li>
           <li>ss14</li>
           <li>ss15</li>
           <li>ss16</li>
           <li>ss17</li>
           <li>ss18</li>
           <li>ss19</li>
           <li>ss20</li>
           <li>ss21</li>
           <li>ss22</li>
           <li>ss23</li>
           <li>ss24</li>
           <li>ss25</li>
           <li>ss26</li>
           <li>ss27</li>
           <li>ss28</li>
           <li>ss29</li>
           <li>ss30</li>
           <li>ss31</li>
           <li>ss32</li>
           <li>ss33</li>
           <li>ss34</li>
           <li>ss35</li>
           <li>ss36</li>
           <li>ss37</li>
           <li>ss38</li>
           <li>ss39</li>
           <li>ss40</li>
           <li>ss41</li>
           <li>ss42</li>
           <li>ss43</li>
           <li>ss44</li>
           <li>ss45</li>
           <li>ss46</li>
           <li>ss47</li>
           <li>ss48</li>
           <li>ss49</li>
           <li>ss50</li>
       </ul>
    </div>
    <script>
        let ipt1 = document.getElementById('ipt1')
        let ipt2 = document.getElementById('ipt2')
        let sum = document.getElementById('sum')
        let lis = document.querySelectorAll('#uls li')
        function btnClick() {
            console.log(122)
            let sumval = ipt1.value +ipt2.value
            sum.innerHTML ='ipt1+ipt2='+  sumval
        }
        for(let i=0;i<lis.length;i++){
            lis[i].onclick=function(){
            console.log(i)
        }
        }
        function g(){
            btnClick()
        }
       


    </script>
</body>

</html>